@import "./common/s_config";
.containt-box{
    margin:30px auto 0 auto;
    width:1200px;
    @extend .clearfix;
    .user-wrapper{
        float: right;
        border:1px solid #ddd;
        width:988px;
        background: #ffffff;
        min-height: 807px;
        .bread_crumbs{
            .title{
                width: 100%;
                height: 54px;
                line-height: 54px;
                font-size: 14px;
                color: #999;
                font-weight: bold;
                border-bottom: 1px solid #e1e1e1;
                span{
                    display: inline-block;
                    padding: 0 15px;
                    height: 29px;
                    line-height: 29px;
                }

            }
        }
        table{
            text-align: center;
            td{
                height:40px;
            }
            td.left {
                background: #efefef;
            }
        }
        .progressBox{
            margin:80px auto 80px auto;
            text-align: center;
            @extend .clearfix;
            .slineBox{
                position: relative;
                float: left;
                margin:0 0 0 -2px;
                height:20px;
                span{
                    position: absolute;
                    line-height: 50px;
                    text-align: center;
                    font-size:14px;
                }
                .top{
                    top:-40px;
                    left:50%;
                    margin-left:-36px;
                    width:72px;
                    text-align: center;
                    color: #666;
                }
                .bottom{
                    bottom:-50px;
                    left:50%;
                    margin-left:-75px;
                    width:150px;
                    text-align: center;
                    color: #666;
                }
                .text{
                    color: #999999;
                }
                p{
                    text-align: left;
                    @extend .clearfix;
                    i{
                        position: relative;
                        display: inline-block;
                        border-radius: 50%;
                        border:2px solid #ccc;
                        width:6px;
                        height:6px;
                        background: #fff;
                        vertical-align: middle;
                        z-index: 100;
                    }
                    em{
                        margin:-36px 0 3px 10px;
                        display: inline-block;
                        height:4px;
                        background: #eeeeee;
                        vertical-align: middle;
                    }
                }
            }
            .sline-1{
                width:77px;
                .top{
                    left:36px;
                    text-align: left;
                }
                .bottom{
                    left:75px;
                    text-align: left;
                }
                em{
                    width: 67px;
                }
            }
            .sline-2{
                em{
                    width:120px;
                    margin:0px !important;
                }
                i{
                    margin-left:-3px;
                    margin-right:-5px;
                }
            }
            .sline-3{
                i{
                    margin-left:-3px !important;
                }
                em{
                    margin:0px 0px 0px -5px !important;
                    width:130px;
                }
            }
            .sline-4{
                i{
                    margin-left:-3px !important;
                }
                em{
                    margin:0px 0px 0px -13px !important;
                    width:130px;
                }
            }
            .sline-5{
                margin-left:-12px;
                span{
                    text-align: right !important;
                }
                .top{
                    left:86px;
                }
                .bottom{
                    left:52px;
                }
                em{
                    margin-top: 10px !important;
                    float: left;
                    width:105px;
                }
                i{
                    margin-top:7px !important;
                    float: right;
                }
            }
            .light{
                i{
                    border:2px solid #f32559 !important;
                }
                em{
                    background: #f32559 !important;
                }
            }
            em.light{
                background: #f32559 !important;
            }
            i.light{
                border:2px solid #f32559 !important;
            }
        }
    }
}
.lightText{
    color: #f32559 !important;
}
.fail{
    line-height: 17px !important;
}
.p20{
    padding:20px;
}
.mt20{
    margin-top:20px;
}
.color_base{
    color: #f04f4b !important;
}
.color_green {
    color: #53a03b;
}